/* Last edited on 09-28-2021 at 10:25 by CS */
@font-face {
  font-family: PublicSans-Thin;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Thin.woff?ver=YI4bKCaoZRe7JpuVp4rSow%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-Light;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Light.woff?ver=xygJUzoMNXEtfCN5sdYPZg%3d%3d)  format("woff");
}

@font-face {
  font-family: PublicSans-Regular;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Regular.woff?ver=Yvze9vpn5A7h5GNr0xa-2w%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-Medium;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Medium.woff?ver=XoytRdRTzo0tXYSco2GyfQ%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-SemiBold;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-SemiBold.woff?ver=UCDAx9YsoR444OT85IlIFw%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-Bold;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Bold.woff?ver=kwqswX6N8DvcY7oLjZF0Zw%3d%3d) format("woff");
}

.df_DTMO 
{
  margin: 10px;
  color:#1b1b1b;
  overflow-x: auto;
  overflow-y: auto;
}

.df_DTMO .label 
{
  font-family: PublicSans-Bold;
  color: #17345C;
  font-size: 1.65rem;
  background-color: transparent;
  text-align: left;
  padding-bottom: 10px;}

.df_DTMO .hint 
{ font-family: Arial;
  font-size: 1.45rem;
  font-weight: normal;
  line-height: 135%;
  color: #7A7A7A;
  padding: 8px 0 5px 0;}

.df_DTMO .subextra 
{ font-family: Arial;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 150%;
  color: #7A7A7A;
  padding: 5px 0 0px 0; }

.df_DTMO .section 
{ background-color:#fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px 0;
  margin-bottom:10px;}

.df_DTMO .section .header 
{ font-family: Arial;
  padding:5px 5px 5px 5px; }

.df_DTMO .section .header h1 
{ font-family: Arial;
  font-size: 1.5rem;
  width:100%;
  margin-bottom:1px;
  color:#000}

.df_DTMO .section .header h2 
{ font-family: Arial;
  font-size: 1.4rem;
  width:100%;
  padding-bottom:3px;
  color:#333}

.df_DTMO .section_design 
{
  border: 2px dotted #aaa; }

.df_help 
{
  background-color: #000;
  border: 1px solid #fff;
  padding: 10px 15px;
  width: 200px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 12px;
  /* outline radius for mozilla/firefox only */ -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000; }

.df_DTMO .required 
{
  color: #f00;
  font-weight: normal;
  font-size: 1.5em;
  padding: 3px 0 3px 0; }

.df_DTMO .val 
{
  color: #f00;}

.df_DTMO .focus 
{
  background-color:#E7E7E7;}

.df_DTMO .field
{ padding-bottom: 5px;
  margin:0px 0px 0px 0px;
  color: #7A7A7A;
  }

.df_DTMO .field input
{ overflow: visible;
  font-family: Arial;
  font-size: 1.4rem;
  line-height: 150%;
  border: #A0A0A0 solid .15rem;
  margin:0px 0px 0px 0px;
  }

.df_DTMO .field input[type="checkbox"]
{ overflow: visible;
  margin:0px 5px 0px 0px;}

.df_DTMO .field select
{ overflow: visible;
  font-family: Arial;
  font-size: 1.4rem;
  line-height: 150%;
  border: #A0A0A0 solid .15rem;
  padding: 3px 5px 5px 5px;
  margin:0px 0px 0px 0px;}

.df_DTMO .field select option
{ overflow: visible;
  font-family: Arial;
  font-size: 1.4rem;
  line-height: 150%;
  color: #686868;
  padding: 3px 5px 5px 5px;
  margin:0px 0px 0px 0px;}

.df_DTMO .field textarea 
{ overflow: visible;
  font-family: Arial;
  font-size: 1.4rem;
  line-height: 150%;
  border: #A0A0A0 solid .15rem;
  padding: 3px 5px 5px 5px;
  margin:0px 0px 0px 0px;}

.df_form .submit {
  width: fit-content;
  float: center;
  background-color: #015b99; 
  border: #55CAF5 solid 3px;
  border-radius: 10px;
  color: white;
  padding: 8px 25px 8px 25px;
  margin:0px 0px 0px 0px;
  text-align: center;
}

.df_form .submit input {
  display: inline;
  float: center;
  background-color: transparent;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 0;
}

.df_form .control {
    overflow: visible;
}